import { createRouter, createWebHistory } from 'vue-router';
import login from "@/components/login.vue";
import register from "@/components/register.vue";
import userinterface from "@/components/userinterface.vue";
import customertable from "@/components/main/customertable.vue"
import operationaltable from "@/components/main/operationaltable.vue";
import workordertable from "@/components/main/workordertable.vue"
import inventorytable from "@/components/main/inventorytable.vue";
import managerinterface from "@/components/managerinterface.vue";
import userlist from "@/components/main/userlist.vue";
import managerlist from "@/components/main/managerlist.vue";
import areatable from "@/components/main/areatable.vue";
import persontable from "@/components/main/persontable.vue";

const routes = [
  {
    path: '/login',
    name: 'login',
    component: login,
  },
  {
    path: '/register',
    name: 'register',
    component: register,
  },
  {
    path: '/userif',
    name: 'userinterface',
    component: userinterface,
  },
  {
    path: '/customer',
    name: 'customertable',
    component: customertable,
  },
  {
    path: '/operational',
    name: 'operationaltable',
    component: operationaltable,
  },
  {
    path: '/workorder',
    name: 'workordertable',
    component: workordertable,
  },
  {
    path: '/inventory',
    name: 'inventorytable',
    component: inventorytable,
  },
  {
    path: '/managerif',
    name: 'managerinterface',
    component: managerinterface,
  },
  {
    path: '/userlist',
    name: 'userlist',
    component: userlist,
  },
  {
    path: '/managerlist',
    name: 'managerlist',
    component: managerlist,
  },
  {
    path: '/areatable',
    name: 'areatable',
    component: areatable,
  },
  {
    path: '/persontable',
    name: 'persontable',
    component: persontable,
  }
];

const router = createRouter({
  history: createWebHistory(process.env.BASE_URL),
  routes,
});

export default router;
